<!DOCTYPE html>
<html>
<head>
    <title>{$name} {$seo_title} {$site_name}-学院</title>
    <meta name="keywords" content="专题培训课,分享课,行家分享,日新需要 " />
    <meta name="description" content="日新网—让新生活更近一点，让科技落地更从容一点。旗下拥有创新行业资讯日新网、
            创新专业培训日新研习社、创新企业孵化成长日新商脉三款产品，以住宅、商业地产、
            写字楼等不同业态物业经营的增效减能与增值创新以及服务标准化、
            物业智能化、信息化等策略方向的创新为主要研究内容，共同助力日新网成为物业行业创新风向标。">
    <tc_include file="Public:head" />
    <link rel="stylesheet" href="/public/js/full_screen/style.css">
    <link href="/themes/simplebootx/Public/assets/css/reset.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/public/css/sl_style.css?v={$SOURCE_VERSION}">
    <link rel="stylesheet" href="__PUBLIC__/swiper/swiper.min.css">
    <link rel="stylesheet" href="/public/carousel/carousel.css">
    <style>
        body {
            padding-top:50px;
        }
        .container {
            width: 1198px;
        }
        .college{
            margin-top: -20px;
        }
        .college_title {
            height: 38px;
            padding-top: 42px;
            letter-spacing: 1px;
            margin-bottom: 12px;
        }
        .college_title h3 {
            color: #000232;
            font-size: 18px;
            font-weight: bold;
            line-height: 22px;
            padding-left: 24px;
            background: url("/public/images/img/line_yellow.png") center left no-repeat;
            -webkit-background-size: 20px 18px;
            background-size: 20px 18px;
        }
        /*课程*/
        .course_item {
            width: 560px;
            height: 320px;
            margin-right: 60px;
            float: left;
            margin-bottom: 32px;
        }
        .course_item .img-ground {
            width: 280px;
            height: 100%;
            float: left;
        }
        .course_item .img-ground img {
            width: 100%;
            height: 100%;
        }
        .course_item .text {
            width: 260px;
            padding: 0 10px;
            float: left;
            position: relative;
        }
        .course_item .text h3 {
            font-size: 16px;
            color: #333333;
            font-weight: bold;
            line-height: 22px;
            margin-top: 42px;
            max-height: 44px;
        }
        .course_item .text .text_content {
            font-size: 14px;
            color: #a9a9a9;
            line-height: 22px;
            margin-top: 6px;
            max-height: 174px;

        }
        .course_item .text .money {
            font-size: 16px;
            color: #333333;
            line-height: 20px;
            margin-top: 5px;
            margin-bottom: 6px;
            letter-spacing: 1px;
            font-weight: bolder;
        }
        .course .course_item:nth-child(even){
            margin-right: 0px;
        }
        .course .course_item:nth-of-type(4n+3) .text,
        .course .course_item:nth-of-type(4n+3) .img-ground,
        .course .course_item:nth-of-type(4n) .text,
        .course .course_item:nth-of-type(4n) .img-ground{
            float: right;
            text-align: right;
        }
        /*专享咨询*/
        .inquiry_item {
            width: 390px;
            height: 195px;
            float: left;
        }
        .inquiry_item .img-ground {
            width: 195px;
            height: 195px;
            float: left;
        }
        .inquiry_item .img-ground img {
            width: 100%;
            height: 100%;
        }
        .inquiry_item .inquiry_item_text {
            width: 150px;
            height: 195px;
            padding: 0 10px;
            float: left;
            position: relative;
        }
        .inquiry_item .inquiry_item_text .arrow_icon{
            position: absolute;
            top: 30px;
            left: -13px;
            width: 14px;
            height: 17px;
            background: url("/public/images/img/arrow_lt.png") center no-repeat;
            -webkit-background-size:14px 17px ;
            background-size:14px 17px ;
        }
        .inquiry_item .inquiry_item_text .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 22px;
            margin-top: 14px;
            color: #333333;
        }
        .inquiry_item .inquiry_item_text .text {
            font-size: 14px;
            color: #a9a9a9;
            line-height: 22px;

        }
        .inquiry .inquiry_item:nth-of-type(6n+4) .inquiry_item_text,
        .inquiry .inquiry_item:nth-of-type(6n+4) .img-ground,
        .inquiry .inquiry_item:nth-of-type(6n+5) .inquiry_item_text,
        .inquiry .inquiry_item:nth-of-type(6n+5) .img-ground,
        .inquiry .inquiry_item:nth-of-type(6n) .inquiry_item_text,
        .inquiry .inquiry_item:nth-of-type(6n) .img-ground{
            float: right;
            text-align: right;
        }
        .inquiry .inquiry_item:nth-of-type(6n+4) .inquiry_item_text .arrow_icon,
        .inquiry .inquiry_item:nth-of-type(6n+5) .inquiry_item_text .arrow_icon,
        .inquiry .inquiry_item:nth-of-type(6n) .inquiry_item_text .arrow_icon{
            background: url("/public/images/img/arrow_rt.png") center no-repeat;
            left: 170px;

        }
        /*轮播图样式*/
        .focus {
            position: relative;
            overflow: hidden;
            margin: 0 auto;
            background-color: #000;
            margin-top: 5px;
        }
        .focus li img {
            width: 1198px;
            height: 468px;
        }

        #slider {
            width: 100%!important;
        }
    </style>
</head>
<body>

<tc_include file="Public:nav" />
<!--全屏轮播图-->
<div>
    <div id="slider" class="focus">
    </div>
</div>
<div class="container tc-main college" >
    <!--专题课程-->
    <div class="college_title">
        <h3>专题课程</h3>
    </div>
    <div class="course clearfix">
        <volist name="lesson_subjects" id="vo">
            <div class="course_item clearfix">
                <a href="{:U('Lesson/Lesson/lesson_list', ['subject_id' => $vo['id']])}">
                    <div class="img-ground">
                        <img src="{:sp_get_asset_upload_path($vo['subject_img'])}" alt="">
                    </div>
                    <div class="text">
                        <h3 class="ellipsis2">{$vo.subject_name}</h3>
                        <p class="money">￥<span>{$vo.subject_price}</span></p>
                        <p class="text_content ellipsis8">{$vo.subject_desc}</p>
                    </div>
                </a>
            </div>
        </volist>
    </div>
    <!--主题咨询-->
    <div class="college_title" style="display: none;">
        <h3>专题咨询</h3>
    </div>
    <div class="inquiry clearfix">
        <volist name="profess_lists" id="vo">
            <div class="inquiry_item clearfix">
                <a href="{:U('User/Index/professor_homepage', ['professor_id' => $vo['user_id']])}">
                    <div class="img-ground">
                        <img src="{:sp_get_user_avatar_url($vo['avatar'])}" alt="">
                    </div>
                    <div class="inquiry_item_text">
                        <span class="arrow_icon"></span>
                        <p class="name">{$vo.user_nicename}</p>
                        <div >
                            <p class="text ellipsis5">{$vo.signature}</p>
                        </div>
                    </div>
                </a>
            </div>
        </volist>
    </div>
</div>
<tc_include file="Public:footer" />
<tc_include file="Public:scripts" />
<!-- JavaScript -->
<script src="/public/carousel/carousel.js"></script>

<!--轮播图样式-->
<script>
    $(function () {
        var $width =  $(window).width();
        $("#slider ul.img-box li").css({
            width:$width,
        });
        $(window).resize(function () {
            /*  var $width =  $(window).width();
              $("#slider ul.img-box li").css({
                  width:$width,
              })*/
            window.location.reload();
        })
    })

</script>
<script>
    var slide_show_lists = <?php echo json_encode(get_slide_show_by_position(13, 0, 3));?>;
    $('#slider').sliderImg(slide_show_lists);
</script>
</body>
</html>